<!--
 * @Author: your name
 * @Date: 2020-12-08 13:32:28
 * @LastEditTime: 2021-05-21 18:47:42
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /medicine-web/public/index.html
-->
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= webpackConfig.name %></title>
	  <style>
    html, body, #app {
      margin: 0px;
      padding: 0px;
      /* min-width: 1200px; */
      /* min-height: 800px; */
      font-size: 16px;
      background-color: #fff;
      font-family: "Microsoft YaHei";
      user-select: none;
      height: 100vh;
    }
    a {
      text-decoration: none;
    }
    ul {
      padding: 0;
      margin: 0;
    }
    li {
      list-style: none;
    }
    
    @media (min-width:462px) and (max-width:470px){html{font-size:16px;}}
    @media (min-width:453px) and (max-width:461px){html{font-size:15.66px;}}
    @media (min-width:444px) and (max-width:452px){html{font-size:15.33px;}}
    @media (min-width:426px) and (max-width:443px){html{font-size:15px;}}
    @media (min-width:417px) and (max-width:425px){html{font-size:14.66px;}}
    @media (min-width:408px) and (max-width:416px){html{font-size:14.33px;}}
    @media (min-width:400px) and (max-width:407px){html{font-size:14px;}}
    @media (min-width:391px) and (max-width:399px){html{font-size:13.66px;}}
    @media (min-width:382px) and (max-width:390px){html{font-size:13.33px;}}
    @media (min-width:374px) and (max-width:381px){html{font-size:13px;}}
    @media (min-width:365px) and (max-width:373px){html{font-size:12.66px;}}
    @media (min-width:356px) and (max-width:364px){html{font-size:12.33px;}}
    @media (min-width:347px) and (max-width:355px){html{font-size:12px;}}
    @media (min-width:338px) and (max-width:346px){html{font-size:10.66px;}}
    @media (min-width:329px) and (max-width:337px){html{font-size:10.44px;}}
    @media (max-width:328px){html{font-size:10px;}}
  </style>
  </head>
  <script>
    // (function (doc, win) {
    //   var docEl = doc.documentElement
    //   resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'
    //   recalc = function () {
    //     var clientWidth = docEl.clientWidth
    //     if (!clientWidth) return
    //     if (clientWidth < 1200) {
    //       docEl.style.fontSize = 10 + 'px'
    //     } else {
    //       docEl.style.fontSize = 16 * (clientWidth / 1920) + 'px' // 1920 => 16
    //     }
    //   }
    //   if (!doc.addEventListener) return
    //   win.addEventListener(resizeEvt, recalc, false)
    //   doc.addEventListener('DOMContentLoaded', recalc, false)
    // })(document, window)
  </script>
  <body>
    <div id="app"></div>
  </body>
</html>
